<div class="panel panel-default">
	<div class="panel-heading">
		<div class="panel-title">标准溶液</div>
	</div>
	<div class="panel-body">							
		<table class="table table-striped table-bordered table-hover">
			<tr class="title-row">
				<th width="30px"><input type="checkbox" id="checkAll" /></th>
				<th>用量(ml)</th>
				<th>色度</th>
			</tr>	
			<tbody id="data-body">
				
			</tbody>																						
		</table>
		<div class="row">
			<div class="col-md-3 col-xs-3">
				<div class="btn btn-info" id="save" >
					<i class="icon-save"></i> 完成
				</div>
			</div>	
			<div class="col-md-9 col-xs-9 text-right">
				<div class="btn btn-default" id="add" >
					<i class="icon-plus"></i> 增加
				</div>
				<div class="btn btn-default" id="remove" >
					<i class="icon-remove"></i> 删除
				</div>				
			</div>						
		</div>					
	</div>	
	<div class="panel-footer"></div>	
</div>
<script type="text/javascript">
	$(document).ready(function() {	
		var init = function(){
			var references = $('#referenceSolution').val();
			if (references != '') {
				var values = references.split(';');
				for (var i=0; i<values.length; i++) {
					var temp = values[i].split('/');
					$('#data-body').append('<tr><td><input type="checkbox" /></td><td><input type="text" value="'+ temp[0] +'" /></td><td><input type="text" value="'+ temp[1] +'" /></td></tr>');
				}
			}
		}
		
		init();
		
		$('#checkAll').click(function(){
			if($('#checkAll').prop('checked')){
				$('input:checkbox').each(function() {
        			$(this).prop("checked","checked");
				});
			} else {
				$('input:checkbox').each(function() {
        			$(this).prop("checked", false);
				});
			}
		});
		
		$('#add').click(function() {
			$('#data-body').append('<tr><td><input type="checkbox" /></td><td><input type="text" /></td><td><input type="text" /></td></tr>');
		});
		
		$('#remove').click(function() {
			$('input:checked').each(function(){
				if (!$(this).attr('id')) {
            		$(this).parent().parent().remove();
            	}
           });
		});
		
		$('#save').click(function() {
			var  temp  = [];
			$('#data-body').find('tr').each(function(){  
				var tds = $(this).children();
				var c = tds.eq(1).children().eq(0).val();
				var v = tds.eq(2).children().eq(0).val();
				if (c != '' && v != '') {
					temp.push(c + "/" + v);
				}
				
			}); 
			var values  =  temp.join(';'); 
			if (values != '') {
				$('#referenceSolution').val(values);
			}
			
			$.suredy.closeModal();
		});
			
	});
</script>